<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="__PUBLIC__/echarts/echarts.min.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="__CSS__/admin.css"  media="all">
</head>
<style>

    .layui-table th, .layui-table td{
        padding: 9px 6px;
        text-align: center;
    }
    /*.layui-table th{*/
        /**/
    /*}*/
    /*.layui-form select{*/
        /*display: inline-block;*/
    /*}*/
</style>
<body>
    <div class="layui-fluid main">
        <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;border:0">
                <div class="layui-form-item" style="float: left;">
                    <!--<form class="layui-form serch" action="{:url('admin/Coupon/index')}" method="post">-->
                        <!--<div class="layui-form-item" style="float: left;">-->


                            <!--&lt;!&ndash;<div class="layui-input-inline">&ndash;&gt;-->
                                <!--&lt;!&ndash;<input type="text" name="tripname" lay-verify="title" autocomplete="off" placeholder="请输入优惠" class="layui-input layui-btn-sm">&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                            <!--<div class="layui-input-inline">-->
                                <!--<div class="layui-inline">-->
                                    <!--<select name="coupon_types" lay-search="">-->
                                        <!--<option value="">优惠券类型</option>-->
                                        <!--<option value="1">折扣</option>-->
                                        <!--<option value="2">满减</option>-->
                                    <!--</select>-->
                                <!--</div>-->
                            <!--</div>-->

                            <!--<div class="layui-input-inline">-->
                                <!--<div class="layui-inline">-->
                                    <!--<select name="coupon_status" lay-search="">-->
                                        <!--<option value="">活动状态</option>-->
                                        <!--<option value="1">未开始</option>-->
                                        <!--<option value="2">进行中</option>-->
                                        <!--<option value="3">已结束</option>-->
                                        <!--<option value="4">已停用</option>-->
                                    <!--</select>-->
                                <!--</div>-->
                            <!--</div>-->


                            <!--<button class="layui-btn layui-btn-danger layui-btn-sm" lay-submit="" lay-filter="serch">搜索</button>-->
                            <!--<a href="{:url('admin/coupon/addcoupon')}" class="layui-btn layui-btn-sm a_menu">-->
                                <!--新建优惠-->
                            <!--</a>-->

                        <!--</div>-->
                    <!--</form>-->

                </div>
        </fieldset>
        <table class="layui-table" lay-even="" lay-skin="line">
            <colgroup>
                <col width="10%">
                <col width="10%">
                <col width="10%">
                <col width="10%">
                <col width="12%">
                <col width="12%">
                <col width="12%">
                <col width="12%">
                <col width="12%">
                <col width="20%">
            </colgroup>
            <thead>

            <tr>
                <th>类型</th>
                <th>面值</th>
                <!--<th>数量</th>-->
                <th>领取人</th>
                <th>活动状态</th>
                <th>使用状态</th>
                <th>领取时间</th>
                <th>使用时间</th>
                <th>剩余使用时间</th>
            </tr>
            </thead>
            <tbody>
        {volist name='lie' id='vo'}
            <tr>
                <td>
                    {switch name="vo.Coupon.coupon_types"}
                    {case value="1"}折扣{/case}
                    {case value="2"}满减{/case}
                    {default /}default
                    {/switch}
                </td>
                <td>{$vo.Coupon.coupon_discount}</td>
                <!--<td>{//$vo.Coupon.receive_limit}</td>-->
                <td>{$vo.Member.member_nickname}</td>
                <td>
                    {switch name="vo.Coupon.coupon_status"}
                    {case value=""}未知{/case}
                    {case value="1"}未开始{/case}
                    {case value="2"}进行中{/case}
                    {case value="3"}已结束{/case}
                    {case value="4"}停止中{/case}
                    {default /}default
                    {/switch}

                </td>
                <td>
                    {switch name="vo.usestatus"}
                    {case value="0"}未使用{/case}
                    {case value="1"}已使用{/case}
                    {case value="2"}已过期{/case}
                    {default /}default
                    {/switch}

                </td>
                <td>{$vo.starttime|date='Y-m-d H:i:s',###}</td>
                <td><?php echo !empty($vo['usetime'])?date('Y-m-d H:i:s',$vo['usetime']): '未使用'; ?></td>
                <td>

                    <?php
                    if($vo['usestatus']==1){
                    echo '已使用';
                    }else if($vo['usestatus']==2){
                     echo '已过期';
                    }else{
                     $day=$vo['Coupon']['end_usetime']-$vo['Coupon']['etart_usetime'];
                    echo date('d',$day).'天'.date('H',$day).'小时';
                    }
                ?>

                </td>

            </tr>
{/volist}
            </tbody>
        </table>
    <div>{$lie->render()}</div>

    <script src="__PUBLIC__/layui/layui.js"></script>
    <script src="__PUBLIC__/jquery/jquery.min.js"></script>

        <script>
            var message;
            layui.config({
                base: '__JS__/',
                version: '1.0.1'
            }).use(['app', 'message'], function() {
                var app = layui.app,
                    $ = layui.jquery,
                    layer = layui.layer;
                //将message设置为全局以便子页面调用
                message = layui.message;
                //主入口
                app.set({
                    type: 'iframe'
                }).init();
            });
        </script>
        <script type="text/javascript">

            $('.delete').click(function(){
                var id = $(this).attr('codeid');
                layer.confirm('确定要删除?', function(index) {
                    $.ajax({
                        url:"{:url('admin/coupon/delcoupon')}",
                        data:{id:id},
                        success:function(res) {
                            layer.msg(res.msg);
                            if(res.code == 1) {
                                setTimeout(function(){
                                    location.reload();
                                },1500)
                            }
                        }
                    })
                })
            })
            $('.stop').click(function(){
                var id = $(this).attr('codeid');
                layer.confirm('是否确定操作？', function(index) {
                    $.ajax({
                        url:"{:url('admin/coupon/stop')}",
                        data:{id:id},
                        success:function(res) {
                            layer.msg(res.msg);
                            if(res.code == 1) {
                                setTimeout(function(){
                                    location.reload();
                                },1500)
                            }
                        }
                    })
                })
            })



            // $('.copy').click(function(){
            //     var id = $(this).attr('codeid');
            //     layer.confirm('确定复制吗?', function(index) {
            //         $.ajax({
            //             url:"{:url('admin/trip/copytrip')}",
            //             data:{id:id},
            //             success:function(res) {
            //                 layer.msg(res.msg);
            //                 if(res.code == 1) {
            //                     setTimeout(function(){
            //                         location.reload();
            //                     },1500)
            //                 }
            //             }
            //         })
            //     })
            // })

        </script>
        <script type="text/javascript">
            layui.use('layer', function(){
                var layer = layui.layer;
                $('.a_menu').click(function(){
                    var url = $(this).attr('href');
                    var a = 0;
                    $.ajax({
                        url:url
                        ,async:false
                        ,success:function(res){
                            if(res.code == 0) {
                                layer.msg(res.msg);
                                a = 1;
                            }
                        }
                    })
                    if(a === 0) {
                        layer.open({
                            type:2,
                            content:url,
                            area: ['700px', '680px'],
                            end:function(){
                                location.reload();
                            }
                        });
                    }
                    return false;
                })

                $('.preview').click(function(){
                    var url = $(this).attr('href');
                    layer.open({
                        type:2,
                        content:url,
                        area: ['550px', '400px']
                    });
                    return false;
                })
            });
        </script>

</body>
</html>
